<template>
  <van-tabbar active-color="#e40137" inactive-color="#b4b4bd" route placeholder >
    <van-tabbar-item to="/index">
      <template #default>
        <div>主页</div>
      </template>
      <template #icon>
        <i class="iconfont">&#xe866;</i>
      </template>
    </van-tabbar-item>
    <van-tabbar-item to="/find">
      <template #default>
        <div>搜索</div>
      </template>
      <template #icon>
        <i class="iconfont">&#xe62f;</i>
      </template>
    </van-tabbar-item>
    <van-tabbar-item to="/my">
      <template #default>
        <div>我的</div>
      </template>
      <template #icon>
        <i class="iconfont">&#xe62c;</i>
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  name: 'tabbar'
}
</script>

<style scoped>

</style>
